<!doctype html>
<html><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>主页</title>
<link href="css/simpleGridTemplate.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
</head>
<body>
<!-- Main Container -->
<div class="container"> 
  <!-- Header -->
  <header class="header">
    <h4 class="logo">欢迎来到骚货联盟</h4>
  </header>
  <!-- Hero Section -->
  <section class="intro">
    <div class="column">
      <h3>骚货联盟</h3>
      <img src="images/profile.jpg" alt="" class="profile"> </div>
    <div class="column">
      <p>你人傻钱多，你喜欢炫富，你有别墅，你有跑车，你有飞机，你从不把金币当钱看， 请记住，你的名字叫: ■■。（脑补名字）想知道8848，三星屏保是怎样炼成的么?想知道我们到底是生活在哪么？我们到底多么渺小？既然你诚心诚意的发问了，我们就大发慈悲地告诉你！为了防止世界被破坏，为了守护世界的和平；贯彻爱与真实的邪恶，可爱又迷人的鬼畜角色骚货联盟我们是穿梭在银河的火箭队！白洞，白色的明天在等着我们！！就是这样，喵！了（装）解（B）新知识，就在骚货联盟！！！</p>
    </div>
  </section>
  <!-- Stats Gallery Section -->
  <div class="gallery">
    <div class="thumbnail"> <a href="./ftt.html"><img src="./images/ftt.PNG" alt="" width="2000" class="cards"/></a>
      <h4>FTT</h4>
      <p class="tag">系统要求 windows xp,7,8</p>
      <p class="text_column">FTT使用VB6.0编写，用于极域电子教室学生端，可在被控制的情况下操作本软件杀掉学生端。当学生端版本较老时，还可以获取卸载密码。</p>
    </div>
    <div class="thumbnail"> <a href="./banj.html"><img src="images/bkg_06.jpg" alt="" width="2000" class="cards"/></a>
      <h4>斑鸠游戏</h4>
      <p class="tag">系统要求：win7及以上</p>
      <p class="text_column">斑鸠游戏是由骚货联盟一起使用C++开发完成的。软件在GitHub和码云上开源，且提供免费下载。注：本软件目前处于开发阶段</p>
    </div>
    <div class="thumbnail"> <a href="#"><img src="images/bkg_06.jpg" alt="" width="2000" class="cards"/></a>
      <h4>TITLE</h4>
      <p class="tag">HTML, CSS, JS, WordPress</p>
      <p class="text_column">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    </div>
    <div class="thumbnail"> <a href="#"><img src="images/bkg_06.jpg" alt="" width="2000" class="cards"/></a>
      <h4>TITLE</h4>
      <p class="tag">HTML, CSS, JS, WordPress</p>
      <p class="text_column">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    </div>
  </div>
  <div class="gallery">
    <div class="thumbnail"> <a href="./cppsj.html"><img src="images/bkg_06.jpg" alt="" width="2000" class="cards"/></a>
      <h4>c++神教</h4>
      <p class="tag">洛谷团队</p>
      <p class="text_column">友链：c++神教团队<br><br><br><br></p>
    </div>
    <div class="thumbnail"> <a href="#"><img src="images/bkg_06.jpg" alt="" width="2000" class="cards"/></a>
      <h4>TITLE</h4>
      <p class="tag">HTML, CSS, JS, WordPress</p>
      <p class="text_column">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    </div>
    <div class="thumbnail"> <a href="#"><img src="images/bkg_06.jpg" alt="" width="2000" class="cards"/></a>
      <h4>TITLE</h4>
      <p class="tag">HTML, CSS, JS, WordPress</p>
      <p class="text_column">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    </div>
    <div class="thumbnail"> <a href="#"><img src="images/bkg_06.jpg" alt="" width="2000" class="cards"/></a>
      <h4>TITLE</h4>
      <p class="tag">HTML, CSS, JS, WordPress</p>
      <p class="text_column">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    </div>
  </div>
  <!-- Footer Section -->
  <section class="contact">
    <p class="hero_header">在以下网站上支持我们</p>
    <a href="https://github.com/sao-huo-lian-meng" class="iconbtn fab fa-github-square"></a>
	<a href="https://gitee.com/sao-huo-lian-meng" class="iconbtn fab fa-git-square"></a>
  </section>
	<a name="botom"></a>
  <!-- Copyrights Section -->
<a href="#top" target="_self" class=" tothetop fas fa-arrow-circle-up"></a>
<a  href="#botom" target="_self" class="tothebot fas fa-arrow-circle-down"></a>
<!-- Main Container Ends -->
</body>
</html>
